<template>
    <nav class="toolbar">
        <h1>
            <a href="javascript:;" @click="show = !show">
                <i class="fa fa-list"></i>
            </a>
            <span>{{title}}</span>
        </h1>
        <div class="nav-right">
            <a href="">深圳</a>
            <router-link to="/login">个人</router-link>
        </div>
    </nav>
</template>

<script>
    export default {
        computed: {
            title: function() {
                // 在这里是访问不到  main.js 里面定义的 store 这个变量的。
                // return store.state.title
                return this.$store.state.title;
            }
        }
    }
</script>